<template>
	<view class="live">
		<!-- <navBar isBack class="navBar" title="施工团队"></navBar> -->
		<nav-bars  bgColor="#fff" fontColor="#000" title="施工团队"></nav-bars>
		<view class="team">
			<view class="team_item" v-for="(item,index) in tuanduiArr" :key="index">
				<view class="team_left">
					<view class="team_image">
						<image :src="item.avatar.path"></image>
					</view>
					<view>
						<view class="team_name">{{item.name}}</view>
						<view class="team_job">施工队长</view>
					</view>
				</view>

				<view ></view>
				<!-- class="team_year" 从业{{item.worksite_num}}年 -->
			</view>
		</view>
	</view>
</template>

<script>
	import URL from '@/config/url.js';
	import service_design from '@/service/team.js'
	import service_mall from '@/service/mall.js';
	export default {
		data() {
			return {
				tuanduiArr: [],
				teamID:'',

			};
		},
		onLoad(params) {
			this.$utils.getUrl()
			 console.log(params);
			var teamID = params.designerId
			this.teamID = teamID
			this.getTeamList()
		},
		onShow: function(res) {},
		onReady() {

		},
		computed: {},
		watch: {},
		created() {},
		mounted() {
			
		},
		methods: {
			// 获取设计师信息
			getTeamList() {
				service_design.GetTeamList({team_id: this.teamID})
					.then(res => {
						if (res.code == 1) {
							let data = res.data
							this.tuanduiArr = data
						}
					})
					.catch(err => {
						
					})
			},
		}
	};
</script>

<style lang="scss">
	page {
		background: #fff;
	}

	.team {
		margin-top: 10rpx;
		background-color: #fff;

		.team_item {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 30rpx 32rpx;

			.team_left {
				display: flex;
				align-items: center;

				.team_image {
					width: 104rpx;
					height: 104rpx;
					margin-right: 24rpx;
					border-radius: 100%;
					overflow: hidden;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}

			.team_name {
				font-size: 32rpx;
				font-weight: 600;
				line-height: 52rpx;
				color: #333333;
			}

			.team_job {
				font-size: 24rpx;
				font-weight: 400;
				line-height: 44rpx;
				color: #939393;
			}

			.team_year {
				border: 2rpx solid #A58F6D;
				border-radius: 28rpx;
				padding: 8rpx 28rpx;
				font-size: 24rpx;
				color: #A98F68;
				font-weight: 500;
			}

		}
	}
</style>
